<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../templates/principal.xhtml">

    <ui:define name="content" id="content">  


        <h:form id="frmClassificacao" prependId="false">
            <p:growl id="messages" life="5000" />

            <p:panel id="panel" header="Bem Vindo ao Relatório Classificação de Processos e Quantidade">
                <p:dataTable id="tabClientePesq" widgetVar="wtabCliente" var="cliente" value="#{relatorioBean.lazyCliente}" filterEvent="enter" 
                             paginator="true" rows="5" emptyMessage="Nenhum Cliente retornado ..." selection="#{relatorioBean.selectedClientes}" rowKey="#{cliente.idCliente}">

                    <f:facet name="header">
                        Pesquise e selecione o(s) Cliente(s)
                    </f:facet>

                    <p:column selectionMode="multiple" style="width:2%" />

                    <p:column headerText="Razão Social / Nome" sortBy="#{cliente.nomCliente}" filterBy="#{cliente.nomCliente}" style="text-align: center;">
                        <div style="text-align: left; ">
                            <h:outputText value="#{cliente.nomCliente}" />
                        </div>
                    </p:column>

                    <p:column headerText="Nome Fantasia / Nome Proprietário" sortBy="#{cliente.nomFantasia}" filterBy="#{cliente.nomFantasia}" style="text-align: center;">
                        <div style="text-align: left; ">
                            <h:outputText value="#{cliente.nomFantasia}" />
                        </div>
                    </p:column>

                    <p:column headerText="C.N.P.J. / C.P.F." sortBy="#{cliente.numCpf}" filterBy="#{cliente.numCpf}" style="text-align: center;">
                        <div style="text-align: left;">
                            <h:outputText value="#{cliente.numCpf}" />
                        </div>
                    </p:column>
                </p:dataTable>

                <p:dataTable id="tabAssunto" widgetVar="wtabAssunto" var="assunto" value="#{relatorioBean.lazyAssunto}" 
                             paginator="true" rows="5" paginatorPosition="top" emptyMessage="Nenhum Registro Retornado ..." filterEvent="enter"
                             selection="#{relatorioBean.selectedAssuntos}" rowKey="#{assunto.idAssunto}">

                    <f:facet name="header">
                        Pesquise e selecione o(s) Assunto(s)
                    </f:facet>

                    <p:column selectionMode="multiple" style="width:2%" />

                    <p:column headerText="Descrição" sortBy="#{assunto.dscAssunto}" filterBy="#{assunto.dscAssunto}">
                        <h:outputText value="#{assunto.dscAssunto}" />
                    </p:column>
                </p:dataTable>

                <h:panelGrid columns="3">
                    <h:outputLabel value="Status Selecionado: " style="font-weight:bold" />
                    <h:outputLabel value="#{relatorioBean.status}" />
                    <p:splitButton value="Escolha Status" icon="ui-icon-disk">  
                        <p:separator />
                        <p:menuitem value="Todos" action="#{relatorioBean.alterarStatusSinal('T')}" update=":frmClassificacao:panel :frmClassificacao:messages" icon="ui-icon-arrowrefresh-1-w" />
                        <p:separator />  
                        <p:menuitem value="Em Andamento" action="#{relatorioBean.alterarStatusSinal('A')}" update=":frmClassificacao:panel :frmClassificacao:messages" icon="ui-icon-arrowrefresh-1-w" />
                        <p:separator />
                        <p:menuitem value="Finalizado" action="#{relatorioBean.alterarStatusSinal('F')}" update=":frmClassificacao:panel :frmClassificacao:messages" icon="ui-icon-close" /> 
                        <p:separator />  
                        <p:menuitem value="Não Contratado" action="#{relatorioBean.alterarStatusSinal('N')}" update=":frmClassificacao:panel :frmClassificacao:messages" icon="ui-icon-extlink" />
                        <p:separator />
                    </p:splitButton>
                </h:panelGrid>

                <br />
                <p:commandButton id="buttonImprimir" icon="ui-icon-calculator" value="Carregar Dados dos Filtros do Relatatório" update=":frmClassificacao:panel :frmClassificacao:messages"
                                 actionListener="#{relatorioBean.gerarRelatorio}" />

                <p:commandButton id="buttonGerar" icon="ui-icon-print" value="Imprimir Relatório" update=":frmClassificacao:panel :frmClassificacao:messages"
                                 ajax="true" process="@all" actionListener="#{relatorioBean.imprimirRelatorio}" oncomplete="submit_automatico2('#{request.contextPath}/relatorio', 'frmClassificacao');"/>
            </p:panel>
            <h:inputHidden id="tipRel" value="classificacao" />
        </h:form>
    </ui:define>
</ui:composition>